<div class="d-flex justify-content-center bd-highlight mb-3">
    <div class="p-2">
        Minimum
        <input type="text" class="form-control" (ngModelChange)="start = stringToNumber($event)" [ngModel]="start | number" (input)="valueChange()" (keypress)="digitsOnly($event)" />
        M. USD
    </div>
    <div class="p-2">
        Maximum
        <input type="text" class="form-control" (ngModelChange)="end = stringToNumber($event)" [ngModel]="end | number" (input)="valueChange()" (keypress)="digitsOnly($event)" />
        M. USD
    </div>
</div>

<div chartSlider
    [chartID]="templateCriteria.id"
    [chartData]="chartData"
    [valueField]="'yAxisValue'"
    [categoryField]="'xAxisValue'"
    (changed)="intervalChanged($event)">
    <div id="{{templateCriteria.id}}" class="sliderChart"></div>
</div>
